<template>
  <div>
    <el-switch v-model="isCollapse" />
    <!-- <el-radio-group v-model="isCollapse" style="margin-bottom: 20px">
      <el-radio-button :label="false">expand</el-radio-button>
      <el-radio-button :label="true">collapse</el-radio-button>
    </el-radio-group> -->
  </div>
</template>

<script lang="ts" setup>
import { ref, watch } from "vue"
import { useStore } from "@/store"
const isCollapse = ref(false)
const store = useStore()
watch(isCollapse, (n, o) => {
  console.log(n, o)
  store.commit("changeIsCollapse", !isCollapse.value)
})
</script>
